import { lazy } from 'react';
import { RouteObject } from 'react-router-dom';

export const routes: RouteObject[] = [
  {
    path: '/',
    Component: lazy(() => import('@/pages/layout')),
    children: [
      { index: true, Component: lazy(() => import('@/pages/index')) },
      { path: '*', Component: lazy(() => import('@/pages/error/404')) },
      { path: '/loading', Component: lazy(() => import('@/pages/loading')) },
      { path: '/home', Component: lazy(() => import('@/pages/home')) },
      { path: '/modal', Component: lazy(() => import('@/pages/modal')) },
      { path: '/css/clear', Component: lazy(() => import('@/pages/css/clear')) },
      { path: '/css/bfc', Component: lazy(() => import('@/pages/css/bfc')) }
    ]
  }
];
